*{   /* 通配符:之所有的 */
	margin: 0;
	padding: 0;
	}
.box1{
	width: 400px;   /*宽*/
	height: 300px;   /*高*/
	background-color: green;   /*背景颜色*/
	color: red;
	font-size: 36px;
	/* 外边距margin:盒子与盒子之间的距离 */
	/* margin-top: 50px;
	margin-left: 100px;
	margin-bottom: 80px; */
	/* margin: 50px auto; */
	margin-bottom: 80px;
	
}
.box2{
	width: 600px;
	height: 300px;
	background-color: pink;
	font-size: 36px;
	
	/* 块级盒子水平居中显示,给盒子的左右外边距设置为auto */
	/* margin: auto; */
	margin-top: 120px;
}
/* 问题一:相邻两个盒子之间外边合并
解决:只给其中一个盒子设置外边距.
问题二:嵌套盒子之间外边距的塌陷
解决方法：
	1.给父盒子加边框
	2.给父盒子加内边框padding
	3.给父盒子加overflow：hidden；*/
.wbox{
	width: 600px;
	height: 600px;
	background-color: hotpink;
	margin-top: 100px;
	/* border: 1px solid red;
	padding-top: 100px; */
	overflow: hidden;
}
.nbox{
	width: 300px;
	height: 300px;
	background-color: skyblue;
	margin-top: 100px;
}